<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{text-align: center;}
        .table-c  table{border-right:1px solid #000;border-bottom:1px solid #000; margin-bottom: 20px;}
        .table-c  table td{border-left:1px solid #000;border-top:1px solid #000; padding: 4px 10px;}
        .table-d  table{border-right:0px solid #000;border-bottom:0px solid #000}
        .table-d  table td{border-left:1px solid #000;border-top:1px solid #000;}
        ul,li{ list-style: none;}
        li{ display: inline-block; line-height: 30px;}
    </style>
</head>
{include file="public_head" /}
<!-- upload -->
<link href="__STATIC__/css/uploads.css" rel="stylesheet">
<!-- upload_arr -->
<link href="__STATIC__/plupload/plupload.css" rel="stylesheet">
<!-- Select2 -->
<link href="__STATIC__/css/select/select2.min.css" rel="stylesheet">
<!-- sku -->
<link href="__STATIC__/css/sku.css" rel="stylesheet" type="text/css">
<!-- Select2 -->
<link href="__STATIC__/css/select/select2.min.css" rel="stylesheet">
<link rel="stylesheet" href="/pic/js/amazeui.min.css" />
<div class="print">
    <div class="table-c" id="printArea">
        <table  border="0" cellspacing="0" cellpadding="0">
            <thead></thead>
            <tbody>
            <tr><td style="color: #ff0000">所属分类/包含商品</td><td>{$item.cat_name}->{$item.one_cat}</td><td>订单编号</td><td>{$item.order_number}</td></tr>
            <tr><td>服务门店</td><td>{:model('shop')->where('id',$item.shop_id)->value('shop_title')}</td><td>下单退款时间</td><td>{$item.create_time}{in name="$item.status" value="10,11,12"} / {$item.refund_create_time}{/in}</td></tr>
            <tr><td style="color: #ff0000">用户账号/买家账号</td><td>{$item.username}</td><td>车牌号</td><td>{$item.car_number}</td></tr>
            <tr><td>品牌型号</td><td>{$item.brand_number}</td><td>车辆识别码</td><td>{$item.id_code}</td></tr>
            <tr><td>服务金额</td><td>{$item.amount}</td><td>备注</td><td>{$item.explain}</td></tr>
            {volist name="$shop_assignor_records" id="vo"}
            <tr>
                {eq name="key" value="0"}<td rowspan="{:count($shop_assignor_records)}">服务人员提成</td>{/eq}
                <td colspan="1" style="color: #ff0000">{$vo.name}</td>
                <td rowspan="1" style="color: #ff0000">{$vo.assignor_content}</td>
                <td colspan="1" style="color: #ff0000">{$vo.assignor_price} 元</td>
            </tr>
            {/volist}
            </tbody>
        </table>
    </div>
    <div class="table-c" id="printArea">
        <table  border="0" cellspacing="0" cellpadding="0">
            <thead></thead>
            <tbody>
            <tr><td style="color: #ff0000">所属分类/包含商品</td><td>{$item.cat_name}->{$item.one_cat}</td><td>订单编号</td><td>{$item.order_number}</td></tr>
            <tr><td>服务门店</td><td>{:model('shop')->where('id',$item.shop_id)->value('shop_title')}</td><td>下单退款时间</td><td>{$item.create_time}{in name="$item.status" value="10,11,12"} / {$item.refund_create_time}{/in}</td></tr>
            <tr><td style="color: #ff0000">用户账号/买家账号</td><td>{$item.username}</td><td>车牌号</td><td>{$item.car_number}</td></tr>
            <tr><td>品牌型号</td><td>{$item.brand_number}</td><td>车辆识别码</td><td>{$item.id_code}</td></tr>
            <tr><td>服务金额</td><td>{$item.amount}</td><td>备注</td><td>{$item.explain}</td></tr>
            {volist name="$shop_assignor_records" id="vo"}
            <tr>
                {eq name="key" value="0"}<td rowspan="{:count($shop_assignor_records)}">服务人员提成</td>{/eq}
                <td colspan="1" style="color: #ff0000">{$vo.name}</td>
                <td rowspan="1" style="color: #ff0000">{$vo.assignor_content}</td>
                <td colspan="1" style="color: #ff0000">{$vo.assignor_price} 元</td>
            </tr>
            {/volist}
            </tbody>
        </table>
    </div>
    <div class="table-c" id="printArea">
        <table  border="0" cellspacing="0" cellpadding="0">
            <thead></thead>
            <tbody>
            <tr><td style="color: #ff0000">所属分类/包含商品</td><td>{$item.cat_name}->{$item.one_cat}</td><td>订单编号</td><td>{$item.order_number}</td></tr>
            <tr><td>服务门店</td><td>{:model('shop')->where('id',$item.shop_id)->value('shop_title')}</td><td>下单退款时间</td><td>{$item.create_time}{in name="$item.status" value="10,11,12"} / {$item.refund_create_time}{/in}</td></tr>
            <tr><td style="color: #ff0000">用户账号/买家账号</td><td>{$item.username}</td><td>车牌号</td><td>{$item.car_number}</td></tr>
            <tr><td>品牌型号</td><td>{$item.brand_number}</td><td>车辆识别码</td><td>{$item.id_code}</td></tr>
            <tr><td>服务金额</td><td>{$item.amount}</td><td>备注</td><td>{$item.explain}</td></tr>
            {volist name="$shop_assignor_records" id="vo"}
            <tr>
                {eq name="key" value="0"}<td rowspan="{:count($shop_assignor_records)}">服务人员提成</td>{/eq}
                <td colspan="1" style="color: #ff0000">{$vo.name}</td>
                <td rowspan="1" style="color: #ff0000">{$vo.assignor_content}</td>
                <td colspan="1" style="color: #ff0000">{$vo.assignor_price} 元</td>
            </tr>
            {/volist}
            </tbody>
        </table>
    </div>
</div>


<button type="button"  class="btn btn-danger" id="btnPrint">打印文本区域</button>
<script src="/static/console/js/jquery.min.js"></script>
<script src="/jquery.PrintArea.js" type="text/JavaScript" language="javascript"></script>
<script>
    $("#btnPrint").click(function(){
        $(".print").printArea();
    });

</script>
</body>
</html>
